<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="200px">
        <asideCom></asideCom>
      </el-aside>
      <el-container>
        <el-header>
          <headerCom></headerCom>
        </el-header>
        <el-main>Main</el-main>
      </el-container>
    </el-container>
  </div>
</template>


<script>
import asideCom from '../components/asideCom.vue'
import headerCom from '../components/headerCom.vue'
export default {
    components:{asideCom,headerCom},
    setup () {/* 做布局用vbase-3 */
        

        return {}
    }
}
</script>

<style lang="scss" scoped>
.el-container{
    height:100vh;
}
.el-aside{
    background-color: rgb(11,2,71);
    color: #fff;
    padding: 0;
}
</style>